<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.lb{position: relative;height: 545px;width: 100%;overflow: hidden;}
			.lb ul li{width: 1349px;float: left;}
			
			.new-pro-img{position: relative;height: 140px;width: 218px;overflow: hidden;}
			.new-pro-img ul li{float: left;width:218px;}
			
			#div1{ width: 1052px; height: 168px; position: relative;overflow: hidden;}
			#div1 ul { width: 1052px; height: 168px; position: relative; }
			#div1 ul li { height: 162px; float: left; list-style: none; padding-right:15px;}
			#div1 ul li img { height: 152px; display: inline-block;}
			
		</style>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
		<script type="text/javascript" src="js/Marquee.js" ></script>
		<script>
			$(function(){
				
				$(".new-pro-img").Marquee({
					distance:218,
					time:2,
					loop:0,
					direction:'left',
					btnGo:{
						left:'#left1',
						right:'#right1'
					}
				});
				
				
			});
		</script>
		
	</head>

	<body>
		<div id="web">
			<!--头部 宽995 高134-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：888888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="logo fl">
						<a href="index.html"><img src="img/index/logo01.jpg" /></a>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="details.html">
								<p>关于我们</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="production.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>

				</nav>

			</header>
			<div class="bgcolor">
			<!--轮播图-->
			<div class="carou">
				<div class="lb">
					<ul class="clearfix">
						<li><a href=""><img src="img/index/banner.jpg"/></a></li>
						<li><a href=""><img src="img/index/banner.jpg"/></a></li>
						<li><a href=""><img src="img/index/banner.jpg"/></a></li>
						<li><a href=""><img src="img/index/banner.jpg"/></a></li>
					</ul>
				</div>
				<ul class="point">
					<li id="left2"></li>
					<li ></li>
					<li ></li>
					<li id="right2"></li>
				</ul>
			</div>
			<script>
				$(function(){
				$(".lb").Marquee({
					distance:1349,
					time:2,
					direction:'left'
					
				});
				
				});
			</script>
			<!--产品介绍-->
			
				<div class="product clearfix">
					<div class="item fl">
						<div class="news-center">
							<div class="backgrond"></div>						
							<p>新闻中心</p>
							<p >NEWS.CENTER</p>
							<div class="underline"></div>
						</div>
						<div class="news-contant clearfix">
							<p>GEBIT 2015</p>
							<div class="news-contant-img fl">
								<a href=""><img src="img/index/pic1.jpg" /></a>
							</div>.
							<div class="news-contant-text fl">
								<span>创新ICT共建全联接 世界德国汉诺威展览 中心 <br>
								3月16日-20日</span>	
							</div>
						</div>
						<div class="news-ul">
							<ul>
								<li><a href="">上海国际智能建筑展览会</a></li>
								<li><a href="">2014德国柏林国际消费类电子产品展览会</a></li>
								<li><a href="">2014中国（贵阳）公告安全防范产品博览会</a></li>
							</ul>
						</div>
						
					</div>
					
					<div class="item2 fl">
						<div class="news-center2">
							<div class="backgrond2"></div>						
							<p>新品发布</p>
							<p >NEW.PRODUCTS</p>
							<div class="underline2"></div>
						</div>
						<div class="new-pro">
							<div class="new-pro-img">
								<ul class="clearfix">
									<li><a href=""><img src="img/index/new-pic2.jpg" /></a></li>
									<li><a href=""><img src="img/index/new-pic2.jpg" /></a></li>
									<li><a href=""><img src="img/index/new-pic2.jpg" /></a></li>
								</ul>
							</div>
							<span class="prevBtn" id="left1"><img src="img/index/prev.png"/></span>
							<span class="nextBtn" id="right1"><img src="img/index/next.png"/></span>
						</div>
						<div class="new-pro-text">
							<p>s6213w-y</p>
							<small>海思3518E方案，多码流技术，百万高清</small>
						</div>	
					</div>
					
					
					<div class="item3 fl">
						<div class="news-center3">
							<div class="backgrond3"></div>						
							<p>品牌介绍</p>
							<p >INFORMATION</p>
							<div class="underline3"></div>
						</div>
						<div class="imformation-img">
							<a href=""><img src="img/index/new-pic3.jpg" /></a>
						</div>
						<div class="imformation-text">
							<span class="left-f">"</span>
							<p>"siepem"品牌是广州市TK科技有限公司  推出的自有品牌</p>
							<span class="right-f">"</span>
						</div>
					</div>
				</div>
				<!--关于我们-->
				<div class="about">
					<div class="about-tittle">
						<h4 >关于我们</h4>
						<small>STORE DISPLAY</small>
						<hr />
					</div>
					
					<div class="about-contant">
						<div class="about-contant-text">
							<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
   							<br/>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
						</div>
						<div class="about-contant-img" id="div1">
							<ul class="clearfix">
								<li><a href=""><img src="img/index/l1.jpg"/></a></li>
								<li><a href=""><img src="img/index/l2.jpg"/></a></li>
								<li><a href=""><img src="img/index/l4.jpg"/></a></li>
								<li><a href=""><img src="img/index/l3.jpg"/></a></li>
								<li><a href=""><img src="img/index/l5.jpg"/></a></li>	
							</ul>
						</div>
						<script type="text/javascript" src="js/index.js" ></script>
					</div>
				</div>
				
				</div>
				<!--联系我们-->
				<div class="contact">
					<div class="contact-tittle">
						<h4 >联系我们</h4>
						<small>STORE DISPLAY</small>
						<hr />
					</div>
				</div>
				
			
			
			<div class="contact-contant clearfix">
				<div class="contact-all-ways">
					<div class="contact-ways">
						<div class="all-ways fl">
							<div class="all-ways-one fl">
								<img src="img/index/weixin.png" />
							</div>
							<span>微信扫一扫<br />
								关注我们相关的信息<span>
						</div>
						<div class="ways-ul fl">
							<ul>
								<li><img src="img/index/phone.png"/><a>服务热线：400-000-000</a></li>
								<li><img src="img/index/client.png"/><a>联系人：某先生</a></li>
								<li><img src="img/index/CMC.png"/><a>公司邮箱：www.tk.com</a></li>
								<li><img src="img/index/print (1).png"/><a>公司传真：123456</a></li>
								<li><img src="img/index/note.png"/><a>邮政编码：467000</a></li>
								<li><img src="img/index/located.png"/><a>公司地址：广州市某某区某某路某号</a></li>
							</ul>
						</div>
						<div class="map fl">
							<img src="img/index/map.png" />
						</div>	
					</div>
					<div class="other fl">
						<div class="other-one">
							<form action="" method="post">
								<span>昵称：</span><br />
								<input type="text" name="name"/><br />
								<span>联系电话：</span><br />
								<input type="tel" name="tel" /><br />
								<span>电子邮箱：</span><br />
								<input type="email" name="email" /><br />
								<span>内容：</span><br />
								<textarea name="contant" rows="" cols=""></textarea><br />
								<input type="submit" value="提交"/>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!--底部-->
			<footer>
				<div class="bottom-first">
					<span>关注我们:<a href=""><img src="img/index/bottom-img.png"/><img src="img/index/bottom-img2.png"</a></span>
					<p>网站首页·新闻动态·关于我们·团队风采·联系我们·在线留言 </p>
				</div>
				<div class="bottom-second"><p> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p></div>
				
			</footer>

		</div>

	</body>

</html>
		